<template>
    <div class="bg_box">
        <!-- 面包屑导航 -->
        <dao_hang></dao_hang>
        <!-- 轮播图 -->
        <lb></lb>
        <!-- 全部分类 -->
        <fen_lei></fen_lei>
        <!-- 居家 -->
        <ju_jia></ju_jia>
        <!-- 收纳 -->
        <Shou_Na></Shou_Na>
        <!-- 宠物食品 -->
        <Pet></Pet>
        <!-- 家庭医疗 -->
        <Family></Family>
        <!-- 中医保健 -->
        <TCM></TCM>

    </div>
</template>

<script>
    import dao_hang from './components/dao_hang.vue'
    import lb from './components/lb.vue'
    import fen_lei from './components/fen_lei.vue'
    import ju_jia from './components/ju_jia'
    import Shou_Na from './components/Shou_Na.vue'
    import Pet from './components/Pet.vue'
    import Family from './components/Family.vue'
    import TCM from './components/TCM.vue'
    export default {
        components:{
            dao_hang,
            lb,
            fen_lei,
            ju_jia,
            Shou_Na,
            Pet,
            Family,
            TCM
        }
    }
</script>

<style lang="scss" scoped>
    .bg_box{
        background-color: #F5F5F5;
        width: 100%;
        display: grid;
        place-items: center;
    }
</style>